<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core">
    <h:form id="lgForm">
        <h:panelGrid columns="3">
            <h:outputText value="User Name : "/>
            <h:inputText value="#{loginForm.username}" id="username" label="User Name" required="true" requiredMessage="UserName must not be blank">
                <f:validateLength minimum="4" maximum="20"/>
            </h:inputText>
            <h:message for="username" />
            <h:outputText value="Password"/>
            <h:inputSecret value="#{loginForm.password}" id="password" label="Password" required="true" requiredMessage="Password must not be blank">
                <f:validateLength minimum="4" maximum="50"/>
            </h:inputSecret>
            <h:message for="password"/>
            <h:outputText value="Confirm Password"/>
            <h:inputSecret id="confirm" label="confirm" required="true" requiredMessage="confirm Password must not be blank">
                <f:validateLength minimum="4" maximum="50"/>
            </h:inputSecret>
            <h:message for="confirm"/>
            <h:commandButton value="Login" action="#{loginForm.Login}"/>
        </h:panelGrid>
    </h:form>    
</ui:composition>
